<!DOCTYPE html>
<html lang="en">

<head>
    <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>“新国货·新动能”2023新国货品牌发展大会</title>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery1.12.4.min.js"></script>
    <script src="js/jquery.imgpreload.min.js"></script>
    <script src="js/luxy.js"></script>
    <style>
        @-webkit-keyframes moveIconUp {
            0% {
                -webkit-transform: translateY(10%);
                opacity: 0;
            }

            50% {
                -webkit-transform: translateY(0%);
                opacity: 1;
            }

            100% {
                -webkit-transform: translateY(-10%);
                opacity: 0;
            }
        }

        @-webkit-keyframes xz {
            0% {
                -webkit-transform: rotate(0deg);
            }

            50% {
                -webkit-transform: rotate(90deg);
            }

            100% {
                -webkit-transform: rotate(0deg);
            }
        }

        .xz {
            -webkit-animation-name: xz;
            animation-name: xz;
        }

        @-webkit-keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }

            50% {
                opacity: 1;
            }
        }

        @keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }

            50% {
                opacity: 1;
            }
        }

        .zoomIn {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
        }

        @-webkit-keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        .zoomOut {
            -webkit-animation-name: zoomOut;
            animation-name: zoomOut
        }

        @-webkit-keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        @keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }

        .fadeInUpBig {
            -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
        }

        @-webkit-keyframes fadeOutUpBig {
            from {
                /* opacity: 1; */
            }

            to {
                /* opacity: 0; */
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }

        @keyframes fadeOutUpBig {
            from {
                /* opacity: 1; */
            }

            to {
                /* opacity: 0; */
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }

        .fadeOutUpBig {
            -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig;
        }

        /* @-webkit-keyframes slide-top {
            0% {
                -webkit-transform: translateY(0);
                        transform: translateY(0);
            }
            100% {
                -webkit-transform: translateY(-100px);
                        transform: translateY(-100px);
            }
            }
            @keyframes slide-top {
            0% {
                -webkit-transform: translateY(0);
                        transform: translateY(0);
            }
            100% {
                -webkit-transform: translateY(-100px);
                        transform: translateY(-100px);
            }
        } */

        @-webkit-keyframes slide-top-b01 {
            0% {
                -webkit-transform: translate(0%, 210%) translateY(0);
                transform: translate(0%, 210%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 210%) translateY(-20%);
                transform: translate(0%, 210%) translateY(-20%);
                opacity: 1;
            }
        }

        @keyframes slide-top-b01 {
            0% {
                -webkit-transform: translate(0%, 210%) translateY(0);
                transform: translate(0%, 210%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 210%) translateY(-20%);
                transform: translate(0%, 210%) translateY(-20%);
                opacity: 1;
            }
        }

        .slide-top-b01 {
            -webkit-animation: slide-top-b01 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top-b01 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top-b02 {
            0% {
                -webkit-transform: translate(0%, 180%) translateY(0);
                transform: translate(0%, 180%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 180%) translateY(-20%);
                transform: translate(0%, 180%) translateY(-20%);
                opacity: 1;
            }
        }

        @keyframes slide-top-b02 {
            0% {
                -webkit-transform: translate(0%, 180%) translateY(0);
                transform: translate(0%, 180%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 180%) translateY(-20%);
                transform: translate(0%, 180%) translateY(-20%);
                opacity: 1;
            }
        }

        .slide-top-b02 {
            -webkit-animation: slide-top-b02 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top-b02 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top-b03 {
            0% {
                -webkit-transform: translate(0%, 225%) translateY(0);
                transform: translate(0%, 225%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 225%) translateY(-20%);
                transform: translate(0%, 225%) translateY(-20%);
                opacity: 1;
            }
        }

        @keyframes slide-top-b03 {
            0% {
                -webkit-transform: translate(0%, 225%) translateY(0);
                transform: translate(0%, 225%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 225%) translateY(-20%);
                transform: translate(0%, 225%) translateY(-20%);
                opacity: 1;
            }
        }

        .slide-top-b03 {
            -webkit-animation: slide-top-b03 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top-b03 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top-b04 {
            0% {
                -webkit-transform: translate(0%, 400%) translateY(0);
                transform: translate(0%, 400%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 400%) translateY(-20%);
                transform: translate(0%, 400%) translateY(-20%);
                opacity: 1;
            }
        }

        @keyframes slide-top-b04 {
            0% {
                -webkit-transform: translate(0%, 400%) translateY(0);
                transform: translate(0%, 400%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 400%) translateY(-20%);
                transform: translate(0%, 400%) translateY(-20%);
                opacity: 1;
            }
        }

        .slide-top-b04 {
            -webkit-animation: slide-top-b04 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top-b04 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes slide-top-b05 {
            0% {
                -webkit-transform: translate(0%, 160%) translateY(0);
                transform: translate(0%, 160%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 160%) translateY(-20%);
                transform: translate(0%, 160%) translateY(-20%);
                opacity: 1;
            }
        }

        @keyframes slide-top-b05 {
            0% {
                -webkit-transform: translate(0%, 160%) translateY(0);
                transform: translate(0%, 160%) translateY(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate(0%, 160%) translateY(-20%);
                transform: translate(0%, 160%) translateY(-20%);
                opacity: 1;
            }
        }

        .slide-top-b05 {
            -webkit-animation: slide-top-b05 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top-b05 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }

        @-webkit-keyframes rotate-center {
            0% {
                -webkit-transform: rotate(0);
                transform: translate(0%, 50%) rotate(0);
                opacity: 0;
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: translate(0%, 50%) rotate(360deg);
                opacity: 1;
            }
        }

        @keyframes rotate-center {
            0% {
                -webkit-transform: rotate(0);
                transform: translate(0%, 50%) rotate(0);
                opacity: 0;
            }

            100% {

                -webkit-transform: rotate(360deg);
                transform: translate(0%, 50%) rotate(360deg);
                opacity: 1;
            }
        }

        .rotate-center {
            -webkit-animation: rotate-center 0.6s ease-in-out both;
            animation: rotate-center 0.6s ease-in-out both;
        }



        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

        .animated.delay-1s {
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
        }

        .animated.delay-1vs {
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
        }

        .animated.delay-2s {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

        .animated.delay-3s {
            -webkit-animation-delay: 3s;
            animation-delay: 3s;
        }

        .animated.delay-4s {
            -webkit-animation-delay: 4s;
            animation-delay: 4s;
        }

        .animated.delay-5s {
            -webkit-animation-delay: 5s;
            animation-delay: 5s;
        }

        .animated.fast {
            -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
        }

        .animated.faster {
            -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
        }

        .animated.slow {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
        }

        .animated.slower {
            -webkit-animation-duration: 4s;
            animation-duration: 4s;
        }
    </style>
    <style>
        html {
            background: #ccc;
            height: auto;
        }

        body {
            max-width: 750px;
            background: #0000e9;
            margin: 0 auto;
            height: auto;
        }

        a {
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
        }

        a:active,
        a:hover {
            color: #ff9724 !important;
        }

        .domMobile {
            display: none;
        }

        .domPC {
            display: block;
        }

        #preloader {
            width: 100vw;
            height: 100vh;
            position: fixed;
            z-index: 2500;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0000e1;
            z-index: 99999999;
        }

        .p {
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
        }

        .ps {
            height: auto;
            position: absolute;
            left: 50%;
        }

        .word {
            width: 100vw;
            height: 7vw;
            left: 50%;
            margin-left: -50%;
            margin-top: 14%;
            text-align: center;
            color: #fff;
            font-size: 5vw;
            font-weight: bold;
        }

        #status {
            width: 60vw;
            height: 2vw;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: 10%;
            margin-left: -30vw;
            background: #fff;
            border-radius: 7px;
        }

        #status p {
            position: absolute;
            color: #e2b057;
            background: #2d70ff;
            border-radius: 7px;
            height: 2vw;
        }

        .p0-1 {
            width: 70vw;
            margin-left: -35vw;
            margin-top: -48%;
        }

        .icon {
            height: auto;
            width: 8%;
            position: absolute;
            left: 50%;
            bottom: 10px;
            margin-left: -4%;
            -webkit-animation: moveIconUp ease 1.4s 2.7s both infinite;
        }

        .p {
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
        }

        .ps {
            height: auto;
            position: absolute;
            left: 50%;
        }

        .ts1 {
            width: 9vw;
            margin-left: -4.5%;
            margin-top: -9%;
            -webkit-animation: xz 2.5s linear infinite;
        }

        .cover {
            background: #0000e1 url("images/bg01_v1.jpg") 50% 100% no-repeat;
            background-size: 100% auto;
            min-height: 100%;
            transition: all 3s;
        }

        .cover.bgCh {
            background: #0000e1 url("images/bg01_v1.jpg") 50% 130% no-repeat;
            background-size: 100% auto;
        }

        .content {
            background: url("images/bg01_v1.jpg") 50% 100% no-repeat;
            background-size: 100% auto;
            min-height: 100%;
            position: relative;
        }

        .slogan {
            width: 90%;
            margin: 0% auto 0;
            padding-top: 15%;
            position: relative;
            z-index: 99;

        }

        .slogan img {
            width: 100%;
            height: auto;
        }

        .slogan3 {
            width: 90%;
            padding-top: 15%;
            position: absolute;
            left: 50%;
            margin-left: -45%;
            z-index: 99;
            top: 0;
        }

        .slogan3 img {
            width: 100%;
            height: auto;
        }

        .slogan2 {
            width: 90%;
            margin: 0% auto 0;
            padding-top: 15%;
            padding-bottom: 25%;
        }

        .slogan2 img {
            width: 100%;
            height: auto;
        }

        .part01Box {
            background: #0700e2 url("images/bg02_v1.jpg") 50% 30% no-repeat;
            background-size: 100% auto;
            padding-top: 6%;
            overflow: hidden;
            transition: all 3s;
            display: none;
        }

        .part01Box.bgCh {
            background: #0700e2 url("images/bg02_v1.jpg") 50% 0% no-repeat;
            background-size: 100% auto;
        }

        .part01Box .lmt {
            transition: all 2s cubic-bezier(.77, 0, .175, 1) 0ms;
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part01Box .zhengchang.lmt {
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part01Box .con {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part01Box .zhengchang.con {
            transform: scaleX(1);
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part01 {
            width: 90%;
            margin: 0% auto 0;
            padding-top: 6%;
        }

        .part02Box {
            background: #0500e8 url("images/bg03_v1.jpg") 50% 30% no-repeat;
            background-size: 100% auto;
            padding-top: 12%;
            overflow: hidden;
            transition: all 3s;
            display: none;
        }

        .part02Box.bgCh {
            background: #0500e8 url("images/bg03_v1.jpg") 50% 0% no-repeat;
            background-size: 100% auto;
        }

        /* .part02Box {
            background: url("images/bg02_v1.jpg") 50% 0% no-repeat;
            background-size: 100% auto;
            padding-top: 6%;
            overflow: hidden;
        } */

        .part02Box .lmt {
            transition: all 2s cubic-bezier(.77, 0, .175, 1) 0ms;
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part02Box .zhengchang.lmt {
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part02Box .con {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part02Box .zhengchang.con {
            transform: scaleX(1);
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part02 {
            background: url("images/bg04_v1.png") 50% 110% no-repeat;
            background-size: 100% auto;
            transition: all 5s;
            padding-top: 3%;
        }

        .part02.bgCh {
            background: url("images/bg04_v1.png") 50% 60% no-repeat;
            background-size: 100% auto;
        }

        .part02 .con {
            width: 90%;
            margin: 0% auto 0;
        }

        .part03Box {
            background: #0800fc url("images/bg05_v1.jpg") 50% 30% no-repeat;
            background-size: 100% auto;
            padding-top: 12%;
            transition: all 3s;
            overflow: hidden;
            display: none;
        }

        .part03Box.bgCh {
            background: #0800fc url("images/bg05_v1.jpg") 50% 0% no-repeat;
            background-size: 100% auto;
        }

        .part03Box .lmt {
            transition: all 2s cubic-bezier(.77, 0, .175, 1) 0ms;
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part03Box .zhengchang.lmt {
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part03Box .part03 {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate3d(0vw, 0, 0);
            opacity: 0;
        }

        .part03Box .zhengchang.part03 {
            transform: scaleX(1);
            transform: translate3d(0vw, -10vw, 0);
            opacity: 1;
        }

        .part03 {
            width: 90%;
            margin: 0% auto 0;
            padding-top: 10%;
        }

        .part04 {
            width: 90%;
            margin: 6% auto 0;
        }

        .lmt img {
            width: 100%;
            height: auto;
        }

        .con img {
            width: 100%;
            height: auto;
        }

        .part03 ul {
            width: 100%;
            margin: 0% auto 4%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .part03 li {
            width: 25%;
            float: left;

        }

        .part03 li img {
            width: 80%;
            height: auto;
            display: block;
            margin: 20px auto 0;
            border-radius: 14px;
            box-shadow: 0px 5px 10px 0px #101379
        }

        .part03 li:first-child {
            width: 100%;
        }

        .part03 li:first-child img {
            width: 20%;
        }

        .tab_box {
            display: none;
        }

        .tab_box.tabFix {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: block;
            z-index: 999;
        }

        .tab_box .tab_box_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            z-index: 6;
            overflow-x: auto;
        }

        .tab_box .tab_box_content img {
            width: 100%;
            height: auto;
        }

        .tab_box .tab_box_content.active {
            display: block;
            animation: myfirst 0.8s;
            -moz-animation: myfirst 0.8s;
            /* Firefox */
            -webkit-animation: myfirst 0.8s;
            /* Safari 和 Chrome */
            -o-animation: myfirst 0.8s;
        }

        .conImg {
            width: 100%;
            height: auto;
            position: absolute;
            z-index: 99;
            top: 0;
            left: 0;

        }

        .conBg {
            width: 100%;
            height: auto;
        }

        /* .brand01 {
            background: url("images/brand01_con09_v1.jpg") 50% 0 no-repeat;
            background-size: 100% auto;
        } */

        .brand01 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand01 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand01 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand01 .conImg:nth-child(4) {
            transform: translate(0%, 180%);
        }

        .brand01 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 620%);
            opacity: 0;
        }

        .brand01 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 600%);
            opacity: 1;
        }

        .brand01 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 280%);
            opacity: 0;
        }

        .brand01 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 260%);
            opacity: 1;
        }

        .brand01 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 800%);
            opacity: 0;
        }

        .brand01 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 780%);
            opacity: 1;
        }

        .brand01 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 820%);
            opacity: 0;
        }

        .brand01 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 800%);
            opacity: 1;
        }


        .brand02 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand02 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand02 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand02 .conImg:nth-child(4) {
            transform: translate(0%, 180%);
        }

        .brand02 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 470%);
            opacity: 0;
        }

        .brand02 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 450%);
            opacity: 1;
        }

        .brand02 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 380%);
            opacity: 0;
        }

        .brand02 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 360%);
            opacity: 1;
        }


        .brand03 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand03 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand03 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand03 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand03 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 460%);
            opacity: 0;
        }

        .brand03 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 440%);
            opacity: 1;
        }

        .brand03 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 340%);
            opacity: 0;
        }

        .brand03 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 320%);
            opacity: 1;
        }

        .brand03 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 635%);
            opacity: 0;
        }

        .brand03 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 615%);
            opacity: 1;
        }

        .brand03 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 580%);
            opacity: 0;
        }

        .brand03 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 560%);
            opacity: 1;
        }


        .brand04 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand04 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand04 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand04 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand04 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 510%);
            opacity: 0;
        }

        .brand04 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 490%);
            opacity: 1;
        }

        .brand04 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 410%);
            opacity: 0;
        }

        .brand04 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 390%);
            opacity: 1;
        }

        .brand04 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 610%);
            opacity: 0;
        }

        .brand04 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 590%);
            opacity: 1;
        }

        .brand04 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 460%);
            opacity: 0;
        }

        .brand04 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 440%);
            opacity: 1;
        }


        .brand05 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand05 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand05 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand05 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand05 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 480%);
            opacity: 0;
        }

        .brand05 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 460%);
            opacity: 1;
        }

        .brand05 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 345%);
            opacity: 0;
        }

        .brand05 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 325%);
            opacity: 1;
        }


        .brand06 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand06 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand06 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand06 .conImg:nth-child(4) {
            transform: translate(0%, 380%);
        }

        .brand06 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 410%);
            opacity: 0;
        }

        .brand06 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 390%);
            opacity: 1;
        }

        .brand06 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 400%);
            opacity: 0;
        }

        .brand06 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 380%);
            opacity: 1;
        }

        .brand06 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 600%);
            opacity: 0;
        }

        .brand06 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 580%);
            opacity: 1;
        }

        .brand06 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 520%);
            opacity: 0;
        }

        .brand06 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 500%);
            opacity: 1;
        }

        .brand07 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand07 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand07 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand07 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand07 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 480%);
            opacity: 0;
        }

        .brand07 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 460%);
            opacity: 1;
        }

        .brand07 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 290%);
            opacity: 0;
        }

        .brand07 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 270%);
            opacity: 1;
        }

        .brand07 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 690%);
            opacity: 0;
        }

        .brand07 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 670%);
            opacity: 1;
        }

        .brand07 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 900%);
            opacity: 0;
        }

        .brand07 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 880%);
            opacity: 1;
        }


        .brand08 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand08 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand08 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand08 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand08 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 480%);
            opacity: 0;
        }

        .brand08 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 460%);
            opacity: 1;
        }

        .brand08 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 570%);
            opacity: 0;
        }

        .brand08 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 550%);
            opacity: 1;
        }


        .brand09 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand09 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand09 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand09 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand09 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 500%);
            opacity: 0;
        }

        .brand09 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 480%);
            opacity: 1;
        }

        .brand09 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 410%);
            opacity: 0;
        }

        .brand09 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 390%);
            opacity: 1;
        }

        .brand09 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 670%);
            opacity: 0;
        }

        .brand09 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 650%);
            opacity: 1;
        }

        .brand09 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 500%);
            opacity: 0;
        }

        .brand09 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 480%);
            opacity: 1;
        }

        .brand10 .conImg:nth-child(1) {
            transform: translate(0, 0);
        }

        .brand10 .conImg:nth-child(2) {
            transform: translate(0%, 50%);
            box-shadow: 0px 5px 10px 0px #101379;
        }

        .brand10 .conImg:nth-child(3) {
            transform: translate(0%, 190%);
        }

        .brand10 .conImg:nth-child(4) {
            transform: translate(0%, 205%);
        }

        .brand10 .conImg:nth-child(5) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 490%);
            opacity: 0;
        }

        .brand10 .zhengchang.conImg:nth-child(5) {
            transform: scaleX(1);
            transform: translate(0%, 470%);
            opacity: 1;
        }

        .brand10 .conImg:nth-child(6) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 410%);
            opacity: 0;
        }

        .brand10 .zhengchang.conImg:nth-child(6) {
            transform: scaleX(1);
            transform: translate(0%, 390%);
            opacity: 1;
        }

        .brand10 .conImg:nth-child(7) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 680%);
            opacity: 0;
        }

        .brand10 .zhengchang.conImg:nth-child(7) {
            transform: scaleX(1);
            transform: translate(0%, 660%);
            opacity: 1;
        }

        .brand10 .conImg:nth-child(8) {
            transition: all 1.5s cubic-bezier(.77, 0, .7, 1) 0ms;
            transform: scaleX(0);
            transform: translate(0%, 530%);
            opacity: 0;
        }

        .brand10 .zhengchang.conImg:nth-child(8) {
            transform: scaleX(1);
            transform: translate(0%, 510%);
            opacity: 1;
        }

        .backbtn {
            width: 30%;
            height: auto;
            position: fixed;
            left: 50%;
            bottom: 4%;
            margin-left: -17%;
            /* margin-top: -150px; */
            z-index: 1000;
            display: block;
            border-radius: 50%;
            padding: 10px;
            display: none;

        }

        .backbtn img {
            width: 100%;
            height: auto;
        }

        .footer {
            margin: 0px auto;
            width: 40%;
            padding: 40px 0 60px;
        }

        .footer img {
            width: 100%;
            height: auto;
        }

        /* 音乐播放BG */
        .music {
            position: fixed;
            width: 2rem;
            height: 2rem;
            right: .6rem;
            top: .6rem;
            z-index: 999
        }

        .music .control {
            width: 2.5rem;
            height: 2.5rem;
            background: url("images/music.gif") center center no-repeat;
            background-size: contain
        }

        .music.stopped .control {
            background: 0 0
        }

        .music .control .control-after {
            width: 1.5rem;
            height: 1.5rem;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -.75rem;
            margin-left: -.75rem;
            background: url("images/music_off.png") center center no-repeat;
            background-size: 100% 100%;
            -webkit-animation: rotate2d 1.2s linear infinite;
            animation: rotate2d 1.2s linear infinite;
            z-index: -1
        }

        .music.stopped .control .control-after {
            -webkit-animation: none;
            animation: none
        }

        /* 音乐播放END */
    </style>
    <script>
        var imgNum = 0;
        var images = [];

        function preLoadImg() {
            $.imgpreload([], function () {});
            images.push('images/favicon.ico', 'images/backbtn.png', 'images/bg01_v1.jpg', 'images/bg02_v1.jpg',
                'images/bg03_v1.jpg', 'images/bg04_v1.jpg', 'images/bg04_v1.png',
                'images/bg05_v1.jpg', 'images/brand01_con01_v1.png', 'images/brand01_con02_v1.jpg',
                'images/brand01_con03_v1.png', 'images/brand01_con04_v1.png', 'images/brand01_con05_v1.png',
                'images/brand01_con06_v1.png', 'images/brand01_con07_v1.png', 'images/brand01_con08_v1.png',
                'images/brand01_con09_v1.jpg', 'images/brand02_con01_v1.png', 'images/brand02_con02_v1.jpg',
                'images/brand02_con03_v1.png', 'images/brand02_con04_v1.png', 'images/brand02_con05_v1.png',
                'images/brand02_con06_v1.png', 'images/brand02_con07_v1.jpg',
                'images/brand03_con01_v1.png', 'images/brand03_con02_v1.jpg', 'images/brand03_con03_v1.png',
                'images/brand03_con04_v1.png', 'images/brand03_con05_v1.png', 'images/brand03_con06_v1.png',
                'images/brand03_con07_v1.png', 'images/brand03_con08_v1.png', 'images/brand03_con09_v1.jpg',
                'images/brand04_con01_v1.png', 'images/brand04_con02_v1.jpg', 'images/brand04_con03_v1.png',
                'images/brand04_con04_v1.png', 'images/brand04_con05_v1.png', 'images/brand04_con06_v1.png',
                'images/brand04_con07_v1.png', 'images/brand04_con08_v1.png', 'images/brand04_con09_v1.jpg',
                'images/brand05_con01_v1.png', 'images/brand05_con02_v1.jpg', 'images/brand05_con03_v1.png',
                'images/brand05_con04_v1.png', 'images/brand05_con05_v1.png', 'images/brand05_con06_v1.png',
                'images/brand05_con07_v1.jpg', 'images/brand06_con01_v1.png', 'images/brand06_con02_v1.jpg',
                'images/brand06_con03_v1.png', 'images/brand06_con04_v1.png', 'images/brand06_con05_v1.png',
                'images/brand06_con06_v1.png', 'images/brand06_con07_v1.png', 'images/brand06_con08_v1.png',
                'images/brand06_con09_v1.jpg', 'images/brand07_con01_v1.png', 'images/brand07_con02_v1.jpg',
                'images/brand07_con03_v1.png', 'images/brand07_con04_v1.png', 'images/brand07_con05_v1.png',
                'images/brand07_con06_v1.png', 'images/brand07_con07_v1.png', 'images/brand07_con08_v1.png',
                'images/brand07_con09_v1.jpg', 'images/brand08_con01_v1.png', 'images/brand08_con02_v1.jpg',
                'images/brand08_con03_v1.png', 'images/brand08_con04_v1.png', 'images/brand08_con05_v1.png',
                'images/brand08_con06_v1.png', 'images/brand08_con07_v1.jpg', 'images/brand09_con01_v1.png',
                'images/brand09_con02_v1.jpg', 'images/brand09_con03_v1.png', 'images/brand09_con04_v1.png',
                'images/brand09_con05_v1.png', 'images/brand09_con06_v1.png', 'images/brand09_con07_v1.png',
                'images/brand09_con08_v1.png', 'images/brand09_con09_v1.jpg', 'images/con01_v1.png',
                'images/con02_v1.png',
                'images/con03_v1.png', 'images/con04_v1.png', 'images/con05_v1.png', 'images/con06_v1.png',
                'images/con07_v1.png', 'images/icon01_v1.png', 'images/icon02_v1.png',
                'images/icon03_v1.png', 'images/icon04_v1.png', 'images/icon05_v1.png', 'images/icon06_v1.png',
                'images/icon07_v1.png',
                'images/icon08_v1.png', 'images/icon09_v1.png', 'images/icon10_v1.png', 'images/icon11_v1.png',
                'images/icon12_v1.png',
                'images/more01_v1.png', 'images/music01.mp3', 'images/music.gif', 'images/music_off.png', );
            $.imgpreload(images, {
                each: function () {
                    var status = $(this).data('loaded') ? 'success' : 'error';
                    if (status == "success") {
                        var v = (parseFloat(++imgNum) / images.length).toFixed(2);
                        $('#status p').width(parseInt(v * 100) + '%');
                        $(".word").html(parseInt(v * 100) + '%');
                    }
                },
                all: function () {
                    $('#status p').width("100%");
                    $(".word").html("100%");
                    // console.log($(window).scrollTop());
                    $("#preloader").fadeOut();
                    // console.log($(window).scrollTop());
                    $(".content").fadeIn();
                }
            });
        }
        preLoadImg();
    </script>
</head>

<body>
    <div id="preloader" style='display: block'>
        <img class="p p0-1" src="images/con01_v1.png">
        <p class="p word">0%</p>
        <div id="status">
            <p class="center-text"></p>
        </div>
    </div>
    <div class="content" id="luxy" style="display: none;">
        <div id="music" class="music"><audio id="music-audio" loop="loop" autoplay="autoplay" preload class="audio">
                <source src="images/music01.mp3"></audio>
            <div class="control">
                <div class="control-after"></div>
            </div>
        </div>
        <div class="coverbox">
            <div class="cover">
                <div class="slogan zoomIn animated delay-1s slow">
                    <img src="images/con01_v1.png" alt>
                </div>
                <div class="slogan3 zoomOut animated delay-1s ">
                    <img src="images/con01_v1.png" alt>
                </div>
                <div class="slogan2 fadeInUpBig animated delay-1 slow">
                    <img src="images/con02_v1.png" alt>
                </div>
            </div>
        </div>
        <div class="part01Box">
            <div class="lmt luxy-el" data-speed-y="2">
                <img src="images/con03_v1.png" alt="">
            </div>
            <div class="part01 luxy-el" data-speed-y="2">
                <div class="con">
                    <img src="images/con04_v1.png" alt="">
                </div>
            </div>
        </div>
        <div class="part02Box">
            <div class="lmt luxy-el" data-speed-y="2">
                <img src="images/con05_v1.png" alt="">
            </div>
            <div class="part02 luxy-el" data-speed-y="2">
                <div class="con">
                    <img src="images/con06_v1.png" alt="">
                </div>
            </div>
        </div>
        <div class="part03Box">
            <div class="lmt luxy-el" data-speed-y="2">
                <img src="images/con07_v1.png" alt="">
            </div>
            <div class="part03">
                <ul class="clearfix">
                    <li>
                        <a><img src="images/icon01_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon02_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon03_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon04_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon05_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon06_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon07_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon08_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon09_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon10_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon11_v1.png"></a>
                    </li>
                    <li>
                        <a><img src="images/icon12_v1.png"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tab_box">
            <div class="tab_box_content tab_box_contentTit brand01">
                <img class="conImg zoomIn animated delay-1s" src="images/brand01_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand01_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand01_con03_v1.png" alt="">
                <img class="conImg slide-top-b02 animated delay-1s" src="images/brand01_con04_v1.png" alt="">
                <img class="conImg" src="images/brand01_con05_v1.png" alt="">
                <img class="conImg" src="images/brand01_con06_v1.png" alt="">
                <img class="conImg" src="images/brand01_con07_v1.png" alt="">
                <img class="conImg" src="images/brand01_con08_v1.png" alt="">
                <img class="conBg" src="images/brand01_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand02">
                <img class="conImg zoomIn animated delay-1s" src="images/brand02_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand02_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand02_con03_v1.png" alt="">
                <img class="conImg slide-top-b02 animated delay-1s" src="images/brand02_con04_v1.png" alt="">
                <img class="conImg" src="images/brand02_con05_v1.png" alt="">
                <img class="conImg" src="images/brand02_con06_v1.png" alt="">
                <img class="conBg" src="images/brand02_con07_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand03">
                <img class="conImg zoomIn animated delay-1s" src="images/brand03_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand03_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand03_con03_v1.png" alt="">
                <img class="conImg slide-top-b03 animated delay-1s" src="images/brand03_con04_v1.png" alt="">
                <img class="conImg" src="images/brand03_con05_v1.png" alt="">
                <img class="conImg" src="images/brand03_con06_v1.png" alt="">
                <img class="conImg" src="images/brand03_con07_v1.png" alt="">
                <img class="conImg" src="images/brand03_con08_v1.png" alt="">
                <img class="conBg" src="images/brand03_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand04">
                <img class="conImg zoomIn animated delay-1s" src="images/brand04_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand04_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand04_con03_v1.png" alt="">
                <img class="conImg slide-top-b02 animated delay-1s" src="images/brand04_con04_v1.png" alt="">
                <img class="conImg" src="images/brand04_con05_v1.png" alt="">
                <img class="conImg" src="images/brand04_con06_v1.png" alt="">
                <img class="conImg" src="images/brand04_con07_v1.png" alt="">
                <img class="conImg" src="images/brand04_con08_v1.png" alt="">
                <img class="conBg" src="images/brand04_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand05">
                <img class="conImg zoomIn animated delay-1s" src="images/brand05_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand05_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand05_con03_v1.png" alt="">
                <img class="conImg slide-top-b02 animated delay-1s" src="images/brand05_con04_v1.png" alt="">
                <img class="conImg" src="images/brand05_con05_v1.png" alt="">
                <img class="conImg" src="images/brand05_con06_v1.png" alt="">
                <img class="conBg" src="images/brand05_con07_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand06">
                <img class="conImg zoomIn animated delay-1s" src="images/brand06_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand06_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand06_con03_v1.png" alt="">
                <img class="conImg slide-top-b04 animated delay-1s" src="images/brand06_con04_v1.png" alt="">
                <img class="conImg" src="images/brand06_con05_v1.png" alt="">
                <img class="conImg" src="images/brand06_con06_v1.png" alt="">
                <img class="conImg" src="images/brand06_con07_v1.png" alt="">
                <img class="conImg" src="images/brand06_con08_v1.png" alt="">
                <img class="conBg" src="images/brand06_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand07">
                <img class="conImg zoomIn animated delay-1s" src="images/brand07_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand07_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand07_con03_v1.png" alt="">
                <img class="conImg slide-top-b03 animated delay-1s" src="images/brand07_con04_v1.png" alt="">
                <img class="conImg" src="images/brand07_con05_v1.png" alt="">
                <img class="conImg" src="images/brand07_con06_v1.png" alt="">
                <img class="conImg" src="images/brand07_con07_v1.png" alt="">
                <img class="conImg" src="images/brand07_con08_v1.png" alt="">
                <img class="conBg" src="images/brand07_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand08">
                <img class="conImg zoomIn animated delay-1s" src="images/brand08_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand08_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand08_con03_v1.png" alt="">
                <img class="conImg slide-top-b03 animated delay-1s" src="images/brand08_con04_v1.png" alt="">
                <img class="conImg" src="images/brand08_con05_v1.png" alt="">
                <img class="conImg" src="images/brand08_con06_v1.png" alt="">
                <img class="conBg" src="images/brand08_con07_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand09">
                <img class="conImg zoomIn animated delay-1s" src="images/brand09_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand09_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand09_con03_v1.png" alt="">
                <img class="conImg slide-top-b05 animated delay-1s" src="images/brand09_con04_v1.png" alt="">
                <img class="conImg" src="images/brand09_con05_v1.png" alt="">
                <img class="conImg" src="images/brand09_con06_v1.png" alt="">
                <img class="conImg" src="images/brand09_con07_v1.png" alt="">
                <img class="conImg" src="images/brand09_con08_v1.png" alt="">
                <img class="conBg" src="images/brand09_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
            <div class="tab_box_content tab_box_contentTit brand10">
                <img class="conImg zoomIn animated delay-1s" src="images/brand10_con01_v1.png" alt="">
                <img class="conImg rotate-center animated delay-1s" src="images/brand10_con02_v1.jpg" alt="">
                <img class="conImg slide-top-b01 animated delay-1s" src="images/brand10_con03_v1.png" alt="">
                <img class="conImg slide-top-b02 animated delay-1s" src="images/brand10_con04_v1.png" alt="">
                <img class="conImg" src="images/brand10_con05_v1.png" alt="">
                <img class="conImg" src="images/brand10_con06_v1.png" alt="">
                <img class="conImg" src="images/brand10_con07_v1.png" alt="">
                <img class="conImg" src="images/brand10_con08_v1.png" alt="">
                <img class="conBg" src="images/brand10_con09_v1.jpg" alt="">
                <div class="nexpagecon">
                    <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
                </div>
            </div>
        </div>
        <!-- <div class="nexpagecon">
            <div class="backbtn"><img src="images/backbtn.png" alt=""></div>
        </div> -->
        <div class="footer">
            <p><img src="images/more01_v1.png" alt=""></p>
        </div>
    </div>
    <script>
        $(function () {
            setTimeout(function () {
                $(".cover").height($(window).height())
                $(".tab_box").height($(window).height())
                //滚动到顶部
                window.scrollTo(0, 0);
                $(window).scroll(function () {
                    console.log($(window).scrollTop());
                    if ($(window).scrollTop() > 0) {
                        $(".part01Box,.part02Box,.part03Box").show();
                    }

                    if ($(window).scrollTop() > 100) {
                        $(".part01Box .lmt").addClass("zhengchang");
                        $(".cover").addClass("bgCh");
                    } else {
                        $(".cover").removeClass("bgCh");
                    }

                    if ($(window).scrollTop() > 300) {
                        $(".part01Box .con").addClass("zhengchang");
                        $(".part01Box").addClass("bgCh")
                    } else {
                        $(".part01Box").removeClass("bgCh")
                    }

                    if ($(window).scrollTop() > 900) {
                        $(".part02Box .lmt").addClass("zhengchang");
                    }

                    if ($(window).scrollTop() > 1200) {
                        $(".part02Box .con").addClass("zhengchang");
                        $(".part02Box").addClass("bgCh");
                    } else {
                        $(".part02Box").removeClass("bgCh");
                    }

                    if ($(window).scrollTop() > 1600) {
                        $(".part02").addClass("bgCh");
                    } else {
                        $(".part02").removeClass("bgCh");
                    }

                    if ($(window).scrollTop() > 2600) {
                        $(".part03Box .lmt").addClass("zhengchang");
                        $(".part03Box").addClass("bgCh");
                    } else {
                        $(".part03Box").removeClass("bgCh");
                    }

                    if ($(window).scrollTop() > 2800) {
                        $(".part03Box .part03").addClass("zhengchang");
                    }
                });
            }, 600)
        })


        // luxy.init({
        //     wrapper: '#luxy',
        //     targets: '.luxy-el',
        //     wrapperSpeed: 0.5
        // });

        //关闭公告
        $(function () {
            // tab页签
            $(function () {
                $(".part03 li").bind("click", function () {
                    var _index = $(this).index();
                    if (!(_index == 10) && !(_index == 11)) {
                        $(this).addClass('on');
                        $(this).siblings().removeClass('on')
                        $(this).parents(".content").find('.tab_box_content').eq(_index)
                            .addClass(
                                "active").siblings().removeClass('active');
                        $(".tab_box").addClass("tabFix")
                        $(".backbtn").show();
                    }
                })

                $(".brand01").scroll(function () {
                    if ($(".brand01").scrollTop() > 200) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand01").scrollTop() > 320) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand01").scrollTop() > 950) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand01").scrollTop() > 1400) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })

                $(".brand02").scroll(function () {
                    if ($(".brand02").scrollTop() > 240) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand02").scrollTop() > 420) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                })

                $(".brand03").scroll(function () {
                    if ($(".brand03").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand03").scrollTop() > 380) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand03").scrollTop() > 690) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand03").scrollTop() > 940) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })

                $(".brand04").scroll(function () {
                    if ($(".brand04").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand04").scrollTop() > 380) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand04").scrollTop() > 690) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand04").scrollTop() > 940) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })

                $(".brand05").scroll(function () {
                    if ($(".brand05").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand05").scrollTop() > 380) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                })

                $(".brand06").scroll(function () {
                    if ($(".brand06").scrollTop() > 140) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand06").scrollTop() > 410) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand06").scrollTop() > 720) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand06").scrollTop() > 940) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }

                })

                $(".brand07").scroll(function () {
                    if ($(".brand07").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand07").scrollTop() > 370) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand07").scrollTop() > 690) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand07").scrollTop() > 920) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })

                $(".brand08").scroll(function () {
                    if ($(".brand08").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand08").scrollTop() > 380) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    console.log($(".brand08.tab_box_contentTit").scrollTop());
                })

                $(".brand09").scroll(function () {
                    if ($(".brand09").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand09").scrollTop() > 370) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand09").scrollTop() > 690) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand09").scrollTop() > 920) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })

                $(".brand10").scroll(function () {
                    if ($(".brand10").scrollTop() > 220) {
                        $(this).find(".conImg").eq(4).addClass("zhengchang");
                    }
                    if ($(".brand10").scrollTop() > 370) {
                        $(this).find(".conImg").eq(5).addClass("zhengchang");
                    }
                    if ($(".brand10").scrollTop() > 690) {
                        $(this).find(".conImg").eq(6).addClass("zhengchang");
                    }
                    if ($(".brand10").scrollTop() > 920) {
                        $(this).find(".conImg").eq(7).addClass("zhengchang");
                    }
                })
                // $(".nextpagebtn").bind("click", function () {
                //     $(".zhuchuang").addClass("active");
                //     $(".tab_box_content").removeClass('active');
                //     $(".dev").hide();
                //     $(window).scrollTop(0);
                // })
            })
            // 返回按钮
            $('.backbtn').bind('click', function () {
                $(".tab_box_contentTit").scrollTop(0, 0)
                $(".tab_box_contentTit .conImg").removeClass("zhengchang")
                $('.tab_box_contentTit').removeClass('active');
                $('.tab_box').removeClass('tabFix');
                $(".backbtn").hide();
            });
        })
        // 音乐播放
        $(function () {
            var music = $('#music');
            var audios = $('#music-audio')['0'];

            function audioAutoPlay(audios) {
                // console.log(audios);
                audios.play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    audios.play();
                }, false);
            }
            audioAutoPlay(audios);
            // $(document).one('touchstart', function(e) {
            //     music.click()
            // });
            music.bind('click', function () {
                if (music.hasClass('stopped')) {
                    $(this).removeClass('stopped');
                    audios.play();
                } else {
                    $(this).addClass('stopped');
                    audios.pause();
                };

            });
        })
    </script>
</body>

</html>